page {
	width: 100vw;
	/* height: 100vh; */
	overflow-y: auto;
	position: relative;
}

ul,
ol,
li {
	list-style: none
}

* {
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%
}

ul,
ol {
	list-style: none
}

a {
	text-decoration: none;
	cursor: pointer
}

a:hover {
	text-decoration: underline
}

img {
	border: 0
}

button,
input,
select,
textarea {
	font-size: 100%
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

.clear {
	clear: both
}

.fr {
	float: right
}

.fl {
	float: left
}

.block {
	display: block;
	text-indent: -999em
}

a {
	text-decoration: none;
	color: #666;
}

img {
	display: block;
}

.list-content {
	box-sizing: border-box;
	padding-left: 10px;
	background: #fff;
}

.content-xq {
	margin-top: 24rpx;
	background-color: #FFFFFF;
	height: calc(100vh - 72px);
}

.content {
	margin-top: 24rpx;
	/* background-color: #FFFFFF; */
}



.state-green {
	color: #00B578 !important;
	font-weight: bold;
}

.state-red {
	color: #FA5151 !important;
	font-weight: bold;
}

.state-yellow {
	color: #FF8F1F !important;
	font-weight: bold;
}

li {
	min-height: 94rpx;
	margin-left: 24rpx;
	margin-right: 24rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
	position: relative;
}

ul li:first-child {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	position: relative;
	align-items: center;
	padding: 25rpx 0;
}

li image {
	display: block;
	width: 180px;
	height: 180px;
	margin-right: 20px;
}

li text {
	font-size: 24rpx;
	letter-spacing: 0.39px;
	/* line-height: 94rpx; */
	display: table-cell;
}

li::after {
	content: ''; // 必须
	position: absolute;
	left: 2rpx;
	bottom: 0;
	right: 2rpx;
	height: 1px;
	background-color: #dcdcdc;
}

/* 
.action::before {
	position: absolute;
	left: 18rpx;
	width: 6rpx;
	height: 32rpx;
	content: '';
	background: #FAB539;
} */

.my-btn {
	height: 80rpx;
	background-image: #458DF5;
	box-shadow: 0 0 12px 0 rgba(250, 181, 58, 0.50);
	border-radius: 24px;
	font-family: PingFangSC-Medium;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: center;
}

.my-btn-grpup {
	height: 120rpx;
	line-height: 120rpx;
	vertical-align: middle;
	text-align: center;
}

.btns-group {
	position: sticky;
	top: 5px;
	bottom: 0;
	margin-top: 30rpx;
	width: 100%;
	text-align: center;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
}

.btns-group button:first-child {
	background-color: #458DF5;
	color: #FFFFFF;
	flex: 1;
	font-size: 36rpx;
	outline: none;
	border: none;
	margin: 5px;
	padding: 0;
	border: none;
	/* border: 1px solid transparent; */
	border-radius: 5px;
}

.btns-group button:nth-child(2) {
	background-color: #54BE7A;
	color: #FFFFFF;
	flex: 1;
	font-size: 36rpx;
	outline: none;
	border: none;
	margin: 5px;
	padding: 0;
	border: 1px solid transparent;
	border-radius: 5px;
}

.btns-group button:nth-child(3) {
	/* color: #FFFFFF; */
	flex: 1;
	font-size: 36rpx;
	outline: none;
	border: none;
	margin: 5px;
	padding: 0;
	/* border: 1px solid transparent; */
	border-radius: 5px;
}

.btns-group button:last-child {
	background-color: #FABD50;
	flex: 1;
	color: #FFFFFF;
	font-size: 36rpx;
	outline: none;
	border: none;
	margin: 5px;
	padding: 0;
	/* border: 1px solid transparent; */
	border-radius: 5px;
}

.my-flag {
	position: relative;
}

.fkms {
	height: 334rpx;
	width: 100%;
	margin: 20rpx 0 0 10rpx;
	background: #FFFFFF;
	box-shadow: 0 0 4px 0 rgba(143, 143, 143, 0.50);
	border-radius: 5px;
	outline: none;
	padding: 2rpx 4rpx;
}

.text-card-title {
	width: 50%;
	color: #888888;
	text-align: right;
}

.text-card-info {
	flex: 1;
	text-align: left;
	color: #333333;
	font-weight: 600;
}

.card-content {
	width: 100%;
	margin-top: 10px !important;
	text-align: center;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

.content-box {
	margin: -30px 24rpx 0 24rpx;
}

.tip {
	font-weight: 500;
	font-size: 32rpx;
	margin-top: 30rpx;
}

.list-box {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	padding: 0 10px;
}

.list-info {
	color: #777 !important;
	word-break: keep-all;
}

.list-title {
	color: #333;
}

.banner {
	margin: 0 !important;
	padding: 0 !important;
	height: 200px;
	background-image: url('https://www.cetczhxf.com/mp3/home_bg_wb.png'
		);
	background-position: 0 10%;
	background-repeat: no-repeat;
	background-size: cover;
}

.line {
	position: absolute;
	width: 100%;
	height: 6px;
	background-image: linear-gradient(90deg, #46EA93 3%, #46EA93 3%, #059EFD 98%, #059EFD 98%);
	top: 0px;
	border-top-left-radius: 25px;
	border-top-right-radius: 1.5625rem;
}

.my-card {
	position: relative;
	border-radius: 25upx;
	background: #fff;
	width: 100%;
	min-height: 140px;
}

.my-card-box {
	min-height: 140px;
	padding: 10px 15px;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.nocomplete {
	font-size: 14px;
	font-weight: 600;
	color: #FF8F1F;
}

.cuIcon-daiwancheng {
	margin-right: 5px;
}

.title_body {
	margin-top: 10px;
	/* margin-bottom: 10px; */
	font-family: PingFangSC-Medium;
	font-size: 32rpx;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	color: #333333;
}


.handle {
	width: 600rpx !important;
	height: 76rpx !important;
	margin: 10px 0 10px 0 !important;
	border-radius: 10px !important;
	box-shadow: none;
	color: #fff !important;
	font-size: 16px !important;
	background: linear-gradient(90deg, #46EA93 3%, #46EA93 3%, #059EFD 98%, #059EFD 98%);
}



.task-content {
	font-size: 14px;
	text-align: center;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: space-around;
}

.notask {
	min-height: 140px;
	text-align: left;
	width: 100%;
	height: 100%;
	background-image: url('https://www.cetczhxf.com/mp3/empty.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.empty {
	position: relative;
	height: 80vh;
	background: url('https://www.cetczhxf.com/mp3/empty_list.png') no-repeat center;
}

.empty p {
	position: absolute;
	top: 70px;
	width: 100%;
	text-align: center;
	color: #777;
}

.pd {
	background-color: #FFFFFF;
	margin: 20rpx 0;
	padding: 20rpx 20px;
}

.pd .title {
	margin-left: 20rpx;
	font-size: 32rpx;
	color: #333333;
}

.u-badge {
	box-sizing: border-box;
}

.text-green {
	color: #00B578;
}

.text-red {
	color: #FA5151;
}

.text-yellow {
	color: #FF8F1F;
}

.text-blue {
	color: #1A66FF;
}